<template>
  <div class="operate-btn-wrap">
    <el-button class="cancel-btn" type="info" @click="cancel">取消</el-button>
    <el-button class="submit-btn" type="primary" :loading="loading" @click="submitSave">{{ loading ? '提交中 ...' : '保存' }}</el-button>
  </div>
</template>

<script>

export default {
  name: 'FooterBtn',
  components: {

  },
  data() {
    return {
      loading: false
    }
  },
  methods: {
    cancel() {
      this.$emit('cancel')
    },
    submitSave() {
      this.$emit('submitSave')
    }
  }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
@import '~@/assets/styles/variables';

.operate-btn-wrap{
  text-align: right;
  display: flex;
  justify-content: flex-end;
  .cancel-btn{
    width: 72px;
    height: 36px;
    padding: 12px 24px;
    background: $operateBtnBack;
    font-size: 13px;
  }
  .submit-btn{
    width: 108px;
    height: 36px;
    padding: 12px 44px;
    background: $btnColor;
    font-size: 13px;
  }
}
</style>
